<template>
  <div class="user">
    <div class="user_top">
      <p class="p1"><img src="../../../static/img/pic1.png"></p>
      <p class="p2"><img src="../../../static/img/pic2.png"></p>
    </div>
    <div class="user_bottom">
      <div class="u_left">
        <div class="ren"><img src="../../../static/img/ren.png"></div>
        <div class="word">
          <p class="red">我最红</p>
          <p class="gz">
            <span><span class="aa">关注</span>10</span>
            <span><span class="aa">粉丝</span>100</span>
          </p>
        </div>
      </div>
      <div class="safe"><img src="../../../static/img/safe.png"></div>
    </div>
  </div>
</template>
<script type="text/ecmascript-6">


    export default {
        components: {

        }
    }

</script>
<style scoped>
  /*==========用户信息=========*/
  .user{
    background:url("../../../static/img/1.png") no-repeat;
    width:100%;
    height:2.0rem;
    background-size: cover;
  }
  .user_top{
    display:flex;
    justify-content: space-between;
    padding:0.15rem 0.2rem 0.30rem;

  }
  .p1{
    width:0.37rem;
    height:0.36rem;
  }
  .p1 img{
    width:100%;
    height:100%;
    display:block;
  }
  .p2{
    width:0.37rem;
    height:0.36rem;
  }
  .p2 img{
    width:100%;
    height:100%;
    display:block;
  }
  .user_bottom{
    padding:0 0.1rem;
    display:flex;
    justify-content: space-between;
  }
  .u_left{
    display:flex;
  }
  .ren{
    width:0.95rem;
    height:0.91rem;
    margin-right:0.11rem;
  }
  .ren img{
    width:100%;
    height:100%;
    display:block;
  }
  .word{
    margin-top:0.1rem;
    display: flex;
    flex-direction: column;
  }
  .red{
    font-size:23px;
    color:#333;
    margin-bottom:0.1rem;
    white-space: nowrap;
  }
  .gz{
    font-size:16px;
    color:#333;
  }
  .gz span{
    white-space: nowrap;
  }
  .aa{
    color:#9c9e9c;
    padding-left:0.05rem;
  }
  .safe{
    width: 1.0rem;
    height: 0.25rem;
    margin-top: 0.1rem;
  }
  .safe img{
    width:100%;
    height:100%;
    display:block;
  }
</style>
